<template>
  <a-breadcrumb class="v-bread-crumb">
    <template v-for="(item, index) in breadCrumbs" :key="index">
      <a-breadcrumb-item>{{ item.name }}</a-breadcrumb-item>
    </template>
  </a-breadcrumb>
</template>

<script setup lang="ts">
import { IBreadCrumb } from './type'
const props = defineProps<{
  breadCrumbs: IBreadCrumb[]
}>()
</script>

<style lang="less" scoped>
.v-bread-crumb {
  height: 40px;
  line-height: 40px;
  display: inline-flex;
}
</style>
